<!--申请单详细信息以及流程轨迹页面-->
<template>
	<view class="page_all">
		<view class="page_titleArea">
			<view class="page_title_line">
				<view class="page_title_line_left" @click="leftClick()"><image src="../../static/all/back_white.png" style="width:50rpx;height:50rpx;"></image></view>
				<view class="page_title_line_middle">用车申请流程轨迹</view>
				<view class="page_title_line_left"></view>
			</view>
		</view>
		<view class="page_contentArea" style="background-color:#F7F7F7;">
			<!--申请详情区域-->
			<!--申请单基本信息开始-->
			<view class="r_box">
				<view class="r_box_row1" style="position:relative;">
					<image src="../../static/all/d_jibenxinxi.png" style="width:60rpx;height:60rpx;"></image>
					<span style="padding:20rpx;"></span>用车申请基本信息
				</view>
				<view class="r_box_row2" style="position:relative;">
					<view class="r_box_row2_L">申请人</view>
					<view class="r_box_row2_R">{{task_detail.createName}}</view>
				</view>
				<view class="r_box_row2">
					<view class="r_box_row2_L">部门</view>
					<view class="r_box_row2_R">{{task_detail.location}}</view>
				</view>
				<view class="r_box_row2">
					<view class="r_box_row2_L">用车时间</view>
					<view class="r_box_row2_R">{{task_detail.timeRange}}</view>
				</view>
				<view class="r_box_row2_textarea">
					<view class="r_box_row2_L">用车事由</view>
					<view class="r_box_row2_R_textarea">{{task_detail.remark}}</view>
				</view>
				<view style="width:650rpx;height:20rpx;"></view>
			</view>
			<!--申请单基本信息结束-->
			
			<!--申请单用车信息开始-->
			<view class="r_box">
				<view class="r_box_row1">
					<image src="../../static/all/c_xuanche .png" style="width:60rpx;height:60rpx;"></image>
					<span style="padding:20rpx;"></span>车辆信息
				</view>
				<view class="r_car_info">
					<view class="r_car_info_img">
						<image :src="task_detail.carPic" style="width:300rpx;height:200rpx;border-radius:10rpx;"></image>
					</view>
					<view class="r_car_info_right">
						<view class="r_car_info_right_line"><span style="padding:10rpx;"></span>车辆型号：{{task_detail.carModel}}</view>
						<view class="r_car_info_right_line"><span style="padding:10rpx;"></span>车辆牌照：{{task_detail.carLicense}}</view>
						<view class="r_car_info_right_line"><span style="padding:10rpx;"></span>换挡方式：{{task_detail.carTransType}}</view>
						<view class="r_car_info_right_line"><span style="padding:10rpx;"></span>座位数量：{{task_detail.carSiteCount}}</view>
					</view>
				</view>
				<view style="width:650rpx;height:20rpx;"></view>
			</view>
			<!--申请单用车信息结束-->
			<!--申请详情区域结束-->
			
			<!--申请流程轨迹区域开始-->
			<view class="r_box">
				<view class="r_box_row1">
					<image src="../../static/all/d_liuchengxinxi.png" style="width:60rpx;height:60rpx;"></image>
					<span style="padding:20rpx;"></span>用车申请流程状态
				</view>
				<!--流程轨迹-->
				<!--border-left:8rpx #E1E1E1 solid;这个就是左边框作为过程线的样式，最后一条记录是不加的-->
				<view class="space_15"></view>
				
				<view class="line_process" v-for="(item,index) in task_progress_handlerInfos" :key="index" style="position:relative;"
				      :style="{'border-left':(item.event=='流程结束'? '':'3rpx #000080 solid')}">
				<!-- <view class="line_process" v-for="(item,index) in task_progress_handlerInfos" :key="index" style="position:relative;"
				      :style="{'border-left':(index==task_progress_handlerInfos.length-1? '':'3rpx #000080 solid')}"> -->
				<!-- <view class="line_process" style="position:relative;border-left:3rpx #000080 solid;"
				      v-for="(item,index) in task_progress_handlerInfos" :key="index">  尾节点带竖线，需要改成尾节点不要竖线-->
					<!--公用部分-->
					<view class="item_circle"></view> <!--左侧圆圈-->
					
					<!--创建部分-->
					<view v-if="item.event.indexOf('创建')!=-1" class="process_r1" style="color: #0662DD;">用车申请</view>
					<view v-if="item.event.indexOf('创建')!=-1" class="process_r2">申请人：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('创建')!=-1" class="process_r2">申请时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('创建')!=-1" class="p_handler_box">
						<view v-if="showBtn_cui=='CUI'" class="p_handler_btn btn1" @click="urgeEvent()">催审</view>
						<!-- <view v-if="showBtn_yan=='YAN'" class="p_handler_btn btn2" @click="getKeyDelayEvent()">延时取钥匙</view> -->
						<!-- <view v-if="showBtn_che=='CHE'" class="p_handler_btn btn3" @click="chehui()">撤回</view> -->
						<view v-if="showBtn_che=='CHE'" class="p_handler_btn btn3" @click="revokeEvent()">终止流程</view>
						<view v-if="showBtn_ysh=='YSH'" class="p_handler_btn btn1" style="width:150rpx;" @click="gotoPage('YSH')">订单延期</view>
					</view>
					
					<!--部门审核部分-->
					<view v-if="item.event.indexOf('机构审核')!=-1" class="process_r1" style="color: #D93838;">部门审核用车</view>
					<view v-if="item.event.indexOf('机构审核')!=-1" class="process_r2">审核人：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('机构审核')!=-1" class="process_r2">审核时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('机构审核通过')!=-1" class="process_r2">审核意见：通过</view>
					<view v-if="item.event.indexOf('机构审核驳回')!=-1" class="process_r2">审核意见：驳回</view>
					<view v-if="item.event.indexOf('机构审核驳回')!=-1" class="process_r2">驳回原因：</view>
					<view v-if="item.event.indexOf('机构审核驳回')!=-1" class="process_r3">{{item.remark}}</view>
					
					<!--部门车管指派司机部分-->
					<view v-if="item.event.indexOf('部门车管员')!=-1" class="process_r1" style="color: #FFB900;">部门车管指派司机</view>
					<view v-if="item.event.indexOf('部门车管员')!=-1" class="process_r2">车管员：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('部门车管员')!=-1" class="process_r2">指派时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('部门车管员')!=-1" class="process_r2">司机：{{driver_name}}<span style="padding:30rpx;"></span>{{driver_tel}}</view>
					
					<!--车队审核部分-->
					<view v-if="item.event.indexOf('车队审核')!=-1" class="process_r1" style="color: #10BF91;">车队审核用车</view>
					<view v-if="item.event.indexOf('车队审核')!=-1" class="process_r2">审核人：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('车队审核')!=-1" class="process_r2">审核时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('车队审核通过')!=-1" class="process_r2">审核意见：通过</view>
					<view v-if="item.event.indexOf('车队审核驳回')!=-1" class="process_r2">审核意见：驳回</view>
					<view v-if="item.event.indexOf('车队审核驳回')!=-1" class="process_r2">驳回原因：</view>
					<view v-if="item.event.indexOf('车队审核驳回')!=-1" class="process_r3">{{item.remark}}</view>
					
					<!--领取钥匙部分-->
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r1" style="color: #FFB900;">领取钥匙</view>
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r2">柜子号：{{item.boxCode.split(':')[1]}}</view>
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r2">取钥匙司机：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r2">状态：{{item.boxStatus}}</view>
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r2">领取时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r2">开柜门时间：{{getKeyDate==null?'':getKeyDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('取得钥匙')!=-1" class="process_r2">开关门间隔：{{getKeySecs==null?'':getKeySecs+'秒'}}</view>
					
					<!--使用车辆-->
					<view v-if="item.event.indexOf('启用车辆')!=-1" class="process_r1" style="color: #0662DD;">使用车辆</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1" class="process_r2">使用时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1" class="process_r2">当前里程数：{{item.startKm}}<span style="padding:5rpx;"></span>KM</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1" class="process_r2">里程表照片：</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1" class="process_r_img">
						<view class="img_box_small" style="margin-right: 30rpx;"
						      v-for="(i,idx) in item.accessEventAppendixList" :key="idx" v-if="i.type=='km'">
							<image :src="i.url" class="img_small" @click="imgPreview(item.accessEventAppendixList,idx)"></image>
						</view>
						<view class="space_25"></view>
					</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1&&item.remark!=''" class="process_r2">车况描述：</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1&&item.remark!=''" class="process_r3">{{item.remark}}</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1&&item.remark!=''" class="process_r2">车况照片：</view>
					<view v-if="item.event.indexOf('启用车辆')!=-1&&item.remark!=''" class="process_r_img">
						<view class="img_box_small" style="margin-right: 30rpx;"
						      v-for="(i,idx) in item.accessEventAppendixList" :key="idx" v-if="i.type=='chekuang'">
							<image :src="i.url" class="img_small" @click="imgPreview(item.accessEventAppendixList,idx)"></image>
						</view>
						<view class="space_25"></view>
					</view>
					
					<!--延长订单截止时间部分（2025-04补充）-->
					<view v-if="item.event.indexOf('流程延期')!=-1" class="process_r1" style="color: #D93838;">延长订单截止时间</view>
					<view v-if="item.event.indexOf('流程延期')!=-1" class="process_r2">执行人：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('流程延期')!=-1" class="process_r2">执行时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('流程延期')!=-1" class="process_r2">延长后订单截止时间：{{task_detail.endDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('流程延期')!=-1" class="process_r2">
						延期原因：{{(item.remark==""||item.remark==null)?"暂未描述":item.remark}}
					</view>
					
					<!--还车-->
					<view v-if="item.event.indexOf('结束用车')!=-1" class="process_r1" style="color: #A52A2A;">还车</view>
					<view v-if="item.event.indexOf('结束用车')!=-1" class="process_r2">归还时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('结束用车')!=-1" class="process_r2" style="position:relative;">
						当前里程数：{{item.endKm}}<span style="padding:5rpx;"></span>KM
						<image v-if="task_detail.status=='running'&&isCarManager" src="../../static/list/edit.png" 
						       style="position:absolute;top:5rpx;right:0rpx;width:50rpx;height:50rpx;" @click="editEndKm(item.endKm)"></image>
					</view>
					<view v-if="item.event.indexOf('结束用车')!=-1&&item.fuelAmount!=null" class="process_r2">是否加油：已加油</view>
					<view v-if="item.event.indexOf('结束用车')!=-1&&item.fuelAmount!=null" class="process_r2">加油金额：{{item.fuelAmount}}<span style="padding:5rpx;"></span>元</view>
					<view v-if="item.event.indexOf('结束用车')!=-1" class="process_r2">里程表与加油金额照片：</view>
					<view v-if="item.event.indexOf('结束用车')!=-1" class="process_r_img">
						<view class="img_box_small" style="margin-right: 30rpx;"
						      v-for="(i,idx) in item.accessEventAppendixList" :key="idx" v-if="i.type=='km'||i.type=='yuan'">
							<image :src="i.url" class="img_small" @click="imgPreview(item.accessEventAppendixList,idx)"></image>
						</view>
						<view class="space_25"></view>
					</view>
					<view v-if="item.event.indexOf('结束用车')!=-1&&item.remark!=''" class="process_r2">车况描述：</view>
					<view v-if="item.event.indexOf('结束用车')!=-1&&item.remark!=''" class="process_r3">{{item.remark}}</view>
					<view v-if="item.event.indexOf('结束用车')!=-1&&item.remark!=''" class="process_r2">车况照片：</view>
					<view v-if="item.event.indexOf('结束用车')!=-1&&item.remark!=''" class="process_r_img">
						<view class="img_box_small" style="margin-right: 30rpx;"
						      v-for="(i,idx) in item.accessEventAppendixList" :key="idx" v-if="i.type=='chekuang'">
							<image :src="i.url" class="img_small" @click="imgPreview(item.accessEventAppendixList,idx)"></image>
						</view>
						<view class="space_25"></view>
					</view>
					
					<!--还钥匙-->
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r1" style="color: #6135A8;">还钥匙</view>
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r2">柜子号：{{item.boxCode.split(':')[1]}}</view>
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r2">还钥匙司机：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r2">状态：{{item.boxStatus}}</view>
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r2">归还时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r2">开柜门时间：{{putKeyDate==null?'':putKeyDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('交还钥匙')!=-1" class="process_r2">开关门间隔：{{putKeySecs==null?'':putKeySecs+'秒'}}</view>
					
					<!--车队审核还车 车队收车:有事故-->
					<view v-if="item.event.indexOf('车队收车')!=-1" class="process_r1" style="color: #228B22;">车队审核还车</view>
					<view v-if="item.event.indexOf('车队收车')!=-1" class="process_r2">审核人：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('车队收车')!=-1" class="process_r2">审核时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event=='车队收车'" class="process_r2">审核意见：通过</view>
					<view v-if="item.event.indexOf('有事故')!=-1" class="process_r2">审核意见：发生事故</view>
					<view v-if="item.event.indexOf('有事故')!=-1" class="process_r2">问题描述：</view>
					<view v-if="item.event.indexOf('有事故')!=-1" class="process_r3">{{item.remark}}</view>
					<view v-if="item.event.indexOf('有事故')!=-1&&item.accessEventAppendixList.length>0" class="process_r2">问题照片：</view>
					<view v-if="item.event.indexOf('有事故')!=-1&&item.accessEventAppendixList.length>0" class="process_r_img">
						<view class="img_box_small" style="margin-right: 30rpx;"
						      v-for="(i,idx) in item.accessEventAppendixList" :key="idx">
							<image :src="i.url" class="img_small" @click="imgPreview(item.accessEventAppendixList,idx)"></image>
						</view>
						<view class="space_25"></view>
					</view>
					
					<!--用车部门事故确认-->
					<view v-if="item.event.indexOf('事故确认')!=-1" class="process_r1" style="color: #FF0000;">用车部门事故确认</view>
					<view v-if="item.event.indexOf('事故确认')!=-1" class="process_r2">确认人：{{item.taskCreatorName}}<span style="padding:30rpx;"></span>{{item.taskCreatorPhone}}</view>
					<view v-if="item.event.indexOf('事故确认')!=-1" class="process_r2">确认时间：{{item.createDate.substr(0,16)}}</view>
					
					<!--流程结束-->
					<view v-if="item.event.indexOf('流程结束')!=-1" class="process_r1" style="color: #006500;">流程结束</view>
					<view v-if="item.event.indexOf('流程结束')!=-1" class="process_r2">结束时间：{{item.createDate.substr(0,16)}}</view>
					<view v-if="item.event.indexOf('流程结束')!=-1" class="process_r2">说明：</view>
					<view v-if="item.event.indexOf('流程结束')!=-1" class="process_r3">{{item.text}}</view>
					
					<!--公用部分-->
					<view class="space_15"></view>
				</view>
				
			</view>
			<view class="space_80"></view>
			<!--申请流程轨迹区域结束-->
			
			<!--按钮区域-->
			<view v-if="showBtn=='DEPT'" class="r_btn" @click="gotoPage('DEPT')">部门经理审核</view> <!--如果是部门审核角色则对应新建单子-->
			<view class="space_15"></view>
			<view v-if="showBtn=='DEPT_CarM'" class="r_btn" @click="gotoPage('DEPT_CarM')">部门指派司机</view> <!--如果是部门车管角色则对应部门审核通过-->
			<view class="space_15"></view>
			<view v-if="showBtn=='CHEDUI'" class="r_btn" @click="gotoPage('CHEDUI')">车队审核</view> <!--如果是车队审核角色则对应部门车管指派完司机-->
			<view class="space_15"></view>
			<view v-if="showBtn=='KEY_GOT'" class="r_btn" @click="gotoPage('KEY_GOT')">领取钥匙</view> <!--如果是用车申请人角色则对应车队审核通过-->
			<view class="space_15"></view>
			<view v-if="showBtn=='CAR_USING'" class="r_btn" @click="gotoPage('CAR_USING')">使用车辆</view> <!--如果是用车申请人角色则对应已经领取钥匙-->
			<view class="space_15"></view>
			<view v-if="showBtn=='CAR_PARKED'" class="r_btn" @click="gotoPage('CAR_PARKED')">归还车辆</view> <!---->
			<view class="space_15"></view>
			<view v-if="showBtn=='KEY_PUT'" class="r_btn" @click="gotoPage('KEY_PUT')">归还钥匙</view> <!---->
			<view class="space_15"></view>
			<view v-if="showBtn=='CHEDUI_HUAN'" class="r_btn" @click="gotoPage('CHEDUI_HUAN')">车队审核（归还）</view> <!---->
			<view class="space_15"></view>
			<view v-if="showBtn=='ERROR'" class="r_btn" @click="gotoPage('ERROR')">事故确认</view> <!---->
			<view class="space_120"></view>
		</view>
	</view>
</template>

<script>
	import utils from "@/utils/business/services.js";
	export default {
		data() {
			return {
				/***************************以下是用户权限相关变量*****************************/
				isAccessCar:false, //是否是公车申请人
				isLocApproveCar:false, //是否是部门审核人员
				isCarManager:false, //是否是公车管理员
				isLocCarManager:false, //是否是部门车辆管理员
				isDepCarManager:false, //是否是机关车辆管理员（2025-02-11补充）
				isLocDriverCar:false, //是否是部门司机
				isCarReadOnly:false, //是否是大领导只读（这个应该没有用到）
				/***************************以上是用户权限相关变量*****************************/
				
				/***************************以下是任务进程相关变量*****************************/
				login: {}, //用于保存当前用户对象（作用是比对每个进程块的创建者是否是当前用户）
				showBtn:"", //（大按钮）用于判断流程操作按钮的显示
				accessTaskId:"", //用于接收页面传参
				boxCode:"", //钥匙柜号
				task_detail:{ //用车申请单明细信息
					createName:"", //申请人
					location:"", //部门
					timeRange:"", //用车时间
					remark:"", //用车事由
					carPic:"", //车辆图片
					carModel:"", //车辆品牌型号
					carLicense:"", //车牌号
					carTransType:"", //换挡方式
					carSiteCount:"", //座位数
				}, 
				
				req_name:"", //申请人姓名 （取订单明细时赋值，当前取不到电话）
				req_tel:"", //申请人电话（暂时保留）
				req_isDepJiGuan:false, //申请人是否属于机关部门（2025-02-11补充）
				getKeyDate:"", //取钥匙时开门的时间（取订单明细时赋值）
				getKeySecs:"", //取钥匙时开关门时间间隔
				putKeyDate:"", //还钥匙时开门的时间（取订单明细时赋值）
				putKeySecs:"", ////还钥匙时开关门时间间隔
				
				personList:[], //申请单参与人员集合
				dept_shenhe_name:"", //部门审核人姓名 （取参与人集合时赋值）
				dept_shenhe_tel:"", //部门审核人电话
				driver_name:"", //部门指派的司机姓名
				driver_tel:"", //部门指派的司机电话
				
				task_progress_init:[], //任务进程轨迹未处理前的返回值
				task_progress_handlerInfos:[], //任务进程轨迹经过处理后的集合（通常是去掉指派与加入等过渡项）
				
				startKm:0, //用于记录车辆的开始里程数（作为参数传入还车界面，用于比对结束里程应该大于等于开始里程） 
				/***************************以上是任务进程相关变量*****************************/
				
				/**************************以下是小按钮操作相关变量****************************/
				showBtn_cui:"", //催审(流程首节点小按钮)
				showBtn_yan:"", //延时取钥匙
				showBtn_che:"", //撤回（包括2025-04补充的终止流程）
				showBtn_ysh:"", //订单延时（延期）
				form_task_progress: {
					accessTaskId: '', //任务id（新增时用）
					status:"", 
				},
				/**************************以上是小按钮操作相关变量****************************/
				
				carInfo:null, //2024-04补充：取车辆信息（为了实现新补充的取车时的里程采用上次还车时的里程）
				
				//在此之上补充变量
			}
		},
		onLoad(option) {
			//取用户权限
			this.isAccessCar=getApp().globalData.isAccessCar;
			this.isLocApproveCar=getApp().globalData.isLocApproveCar;
			this.isCarManager=getApp().globalData.isCarManager;
			this.isLocCarManager=getApp().globalData.isLocCarManager; //是否是部门车辆管理员
			this.isDepCarManager=getApp().globalData.isDepCarManager; //是否是机关车辆管理员（2025-02-11补充）
			this.isLocDriverCar=getApp().globalData.isLocDriverCar; //是否是部门司机
			this.isCarReadOnly=getApp().globalData.isCarReadOnly; //是否是大领导只读
			console.log('当前用户角色值：申请人、部门审核、公司车辆管理、部门车辆管理、机关车辆管理员、部门司机、大领导只读==',
			            this.isAccessCar,this.isLocApproveCar,this.isCarManager,
									this.isLocCarManager,this.isDepCarManager,this.isLocDriverCar,this.isCarReadOnly);
			
			getApp().globalData.query_flag=0; //在子页面（提交成功后需要刷新父页面）中将刷新控制变量置为0
			
			this.login=getApp().globalData.login;
			console.log("参数option与login==",option,this.login);
			if(JSON.stringify(option)!="{}"){
				this.accessTaskId=option.accessTaskId;
				//步骤是先取明细、再取参与人、最后取流程
				this.getTask_detail(); //取明细（里面有取参与人、进而再取流程）
				
			}
			console.log("参数accessTaskId==",this.accessTaskId);
			
			//获取当前按钮（放到获取流程轨迹成功后调用）
			//this.getShowBtn();
		},
		onShow() {
			console.log("执行了onShow方法");
			/******************以下是根据全局变量调用处理方法********************/
			//可以利用onShow方法每次显示都会执行一次的特性，进行变量的交互
			if(getApp().globalData.query_flag==1){ //刷新本页面控制变量（修改进程、新增进程、指派人员均需要从子页面返回时刷新本页）
				console.log("执行了返回在onShow方法内刷新");
				//步骤是先取明细、再取参与人、最后取流程
				this.getTask_detail(); //取明细（里面有取参与人、进而再取流程）
			}
			
			/******************以上是根据全局变量调用处理方法********************/
		},
		methods: {
			/******************************以下是通用方法*********************************/
			//顶部导航回退箭头点击触发
			leftClick(){
				utils.pageBack();
			},
			//隐藏系统键盘
			hideKeyboard() {
				uni.hideKeyboard();
			},
			getShowBtn(){  //根据当前用户角色、未处理集合中最后一项的event的值、处理后的集合的数量  组合进行判断
				this.showBtn=""; //按钮控制标志初始化
				var tObj=this.task_progress_init[this.task_progress_init.length-1]; //取最后一项轨迹对象
				var num_hs=this.task_progress_handlerInfos.length; //取处理后的集合的长度
				console.log("原始轨迹最后一项==",tObj);
				console.log("处理后的轨迹集合长度==",num_hs);
				
				//部门审核人操作按钮过滤条件如下（如需要姓名核对，则补充  && this.dept_shenhe_tel==this.login.mobile，如不用就去掉）
				if(this.isLocApproveCar && num_hs==1 && this.dept_shenhe_tel==this.login.mobile && this.task_detail.status!="closed"){ //部门审核按钮出现（1：用车申请 2：部门审核用车 3：部门车管指派司机 4：车队审核用车）
					this.showBtn="DEPT";
				}
				if(this.isLocApproveCar && tObj.event=="车队收车:有事故" && this.dept_shenhe_tel==this.login.mobile){ //事故确认按钮出现
					//有部门审核角色并且指派人与当前用户名称一致
					this.showBtn="ERROR";
				}
				
				//部门车管操作按钮（部门审核通过后）
				if(this.isLocCarManager && num_hs==2 && tObj.event!="申请取消" && tObj.event!="部门审核超时" && this.task_detail.status!="closed"){ //部门车管指派司机按钮出现（1：用车申请 2：部门审核用车 3：部门车管指派司机 4：车队审核用车）
					this.showBtn="DEPT_CarM";
				}
				
				//机关车管操作按钮（部门审核通过后）（2025-02-11补充）
				if(this.isDepCarManager && this.req_isDepJiGuan && num_hs==2 && tObj.event!="申请取消" && this.task_detail.status!="closed"){ //机关车管指派司机按钮出现（1：用车申请 2：部门审核用车 3：部门车管指派司机 4：车队审核用车）
					this.showBtn="DEPT_CarM";
				}
				
				//车队管理员操作按钮过滤条件如下：//车队审核按钮出现（1：用车申请 2：部门审核用车 3：部门车管指派司机 4：车队审核用车）
				if(this.isCarManager && num_hs==3 && tObj.event!="申请取消" && tObj.event!="机构审核驳回" && this.task_detail.status!="closed"){ 
					this.showBtn="CHEDUI";
				}
				if(this.isCarManager && tObj.event=="交还钥匙"){ //车队审核（还车审核）按钮出现
					this.showBtn="CHEDUI_HUAN";
				}
				
				//司机操作按钮过滤条件如下（如需要姓名核对，则补充  && this.driver_tel==this.login.mobile，如不用就去掉）
				if(this.isLocDriverCar && (tObj.event=="车队审核通过"||tObj.event=="延时取钥匙") && this.driver_tel==this.login.mobile){ //取钥匙按钮出现
					if(this.task_detail.status!="closed" && this.task_detail.step!="10000000,revoked"){ //2025-04补充 
						this.showBtn="KEY_GOT";
					}
				}
				if(this.isLocDriverCar && tObj.event=="取得钥匙" && this.driver_tel==this.login.mobile){ //使用车辆按钮出现
					this.showBtn="CAR_USING";
					this.showBtn_yan=""; //不显示延时取钥匙按钮
				}
				//后面有一个补充的条件
				if(this.isLocDriverCar && tObj.event=="启用车辆" && this.driver_tel==this.login.mobile){ //归还车辆按钮出现
					this.showBtn="CAR_PARKED";
				}
				//补充一个延期节点也出现还车按钮（2025-04补充）
				if(this.isLocDriverCar && tObj.event=="流程延期" && this.driver_tel==this.login.mobile){ //归还车辆按钮出现
					this.showBtn="CAR_PARKED";
				}
				if(this.isLocDriverCar && tObj.event=="结束用车" && this.driver_tel==this.login.mobile){ //归还钥匙按钮出现
					this.showBtn="KEY_PUT";
				}
				//debugger;
				//以下20行左右（2024-04补充：申请人、部门车管、机关车管、车队管理员，可以在取钥匙之前终止流程）
				//流程首节点小按钮（如需要姓名核对，则补充  && this.req_name==this.login.fullname，如不用就去掉）
				//终止流程（原撤回）按钮（申请人、部门车管、车队管理员）在取钥匙之前（也就是基础条件是 <500000 ，其他条件）
				//角色判断：申请人：this.isAccessCar && this.req_name==this.login.fullname
				//        部门车管：this.isLocCarManager
				//        机关车管：this.isDepCarManager && this.req_isDepJiGuan
				//      车队管理员：this.isCarManager
				//节点状态判断：tObj.event!="申请取消" && tObj.event!="部门审核超时" && tObj.event!="机构审核驳回"
				//           ：或采用当前任务的status==running && stepNum<500000
				if((this.isAccessCar&&this.req_name==this.login.fullname)||
				   this.isLocCarManager||(this.isDepCarManager&&this.req_isDepJiGuan)||
					 this.isCarManager){ //终止按钮出现（先判断角色）
					 
					 //取步骤数
					 var status=this.task_detail.status; //取状态字符串
					 var step=this.task_detail.step; //取步骤项
					 var stepNum=parseInt(step.split(",")[0]); //取步骤项中的数字项
					 if(status=="running"&&stepNum<500000){ //终止按钮出现（再判断任务状态）
						 this.showBtn_che="CHE";
					 }
				}
				//以下20行左右（2024-04补充：车队管理员，可以在取钥匙之后，还钥匙之前对订单进行延期）
				//订单延期按钮（车队管理员）在取钥匙之后，还钥匙之前（也就是基础条件是 >500000 && <800000 ）
				//角色判断：车队管理员：this.isCarManager
				//节点状态判断：采用当前任务的status==running && stepNum>500000 && stepNum<800000
				if(this.isCarManager){ //订单延期按钮出现（先判断角色）
					 //取步骤数
					 var status=this.task_detail.status; //取状态字符串
					 var step=this.task_detail.step; //取步骤项
					 var stepNum=parseInt(step.split(",")[0]); //取步骤项中的数字项
					 if(status=="running"&&stepNum>500000&&stepNum<800000){ //订单延期按钮出现（再判断任务状态）
						 this.showBtn_ysh="YSH";
					 }
				}
				
				//催审按钮出现（申请人操作小按钮） 
				if(this.isAccessCar && num_hs<=3 && tObj.event!="申请取消" && tObj.event!="部门审核超时" && 
				   tObj.event!="机构审核驳回" && this.req_name==this.login.fullname && this.task_detail.status!="closed"){ 
					this.showBtn_cui="CUI";
				}
				
				//2025-05补充说明：延时取钥匙功能取消
				//司机操作小按钮过滤如下（延时取钥匙）（如需要姓名核对，则补充  && this.driver_tel==this.login.mobile，如不用就去掉）
				if(this.isLocDriverCar && num_hs==4 && this.driver_tel==this.login.mobile){ //延时取钥匙按钮出现（1：用车申请 2：部门审核用车 3：部门车管指派司机 4：车队审核用车）
					if(tObj.event=="延时取钥匙"){
						this.showBtn_yan=""; //表示已经取过了
					}else{
						this.showBtn_yan="YAN";
					}
				}
				
			},
			/******************************以上是通用方法*********************************/
			/******************************以下是业务方法*********************************/
			//获取用车申请单明细基本信息（有用）
			getTask_detail(){
				var that=this;
				utils.getTask(this.accessTaskId).then(res => {
					console.log('获取用车申请单明细的返回值==',res); 
					if(res.data.status=="success"){
						that.task_detail=res.data.accessTask;
						//2025-02-11补充机关
						if(that.task_detail.location=="市场经营部"||that.task_detail.location=="运营管理部"||that.task_detail.location=="科技发展部"||
						   that.task_detail.location=="战略投资部、风险合规部"||that.task_detail.location=="人力资源部"||that.task_detail.location=="资产财务部"||
							 that.task_detail.location=="综合办公室"||that.task_detail.location=="审计管理部"||that.task_detail.location=="服务保障部"){
							that.req_isDepJiGuan=true;	 
						}
						var startDate=that.task_detail.startDate;
						var endDate=that.task_detail.endDate;
						that.task_detail.timeRange=startDate.substr(0,16)+"至"+endDate.substr(5,11);
						that.task_detail.carSiteCount=that.task_detail.carSiteCount+"座";
						that.boxCode=res.data.accessTask.boxCode.split(':')[1]; //取得钥匙柜号
						that.startKm=res.data.accessTask.startKm; //取开始里程（用于参数传入还车界面进行比对）
						that.req_name=res.data.accessTask.createName; //取申请单申请人姓名
						
						that.getKeyDate=res.data.accessTask.getKeyDate; //取钥匙时开门的时间
						that.getKeySecs=res.data.accessTask.getKeySecs; //取钥匙时开关门时间间隔
						that.putKeyDate=res.data.accessTask.putKeyDate; //还钥匙时开门的时间
						that.putKeySecs=res.data.accessTask.putKeySecs; //还钥匙时开关门时间间隔
						
						that.getPersonList(); //再取参与人
						
						//2024-04补充：取车辆信息（为了实现新补充的取车时的里程采用上次还车时的里程）
						that.getCar(res.data.accessTask.carId);
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
				
			},
			//获取申请单参与人信息
			getPersonList(){
				var that=this;
				utils.getPersonList(this.accessTaskId).then(res => {
					console.log('获取申请单参与人员列表的返回值==',res); 
					if(res.data.status=="success"){
						that.personList=res.data.rows;
						for(var i=0;i<that.personList.length;i++){
							if(that.personList[i].type=="driver"){
								that.driver_name=that.personList[i].workerName;
								that.driver_tel=that.personList[i].workerPhone;
							}
							if(that.personList[i].type=="locApprove"){
								that.dept_shenhe_name=that.personList[i].workerName;
								that.dept_shenhe_tel=that.personList[i].workerPhone;
							}
						}
						console.log("获取申请单部门审核人是==",that.dept_shenhe_name,that.dept_shenhe_tel);
						console.log("获取申请单指派的司机是==",that.driver_name,that.driver_tel);
						
						that.getTask_progress(); //最后取流程 
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			//2024-04补充：取车辆信息（为了实现新补充的取车时的里程采用上次还车时的里程）
			getCar(id){
				var that=this;
				var obj={};
				obj.carId=id;
				utils.getCar(obj).then(res => {
					console.log('######根据id获取车辆信息的返回值==',res); 
					if(res.data.status=="success"){
						that.carInfo=res.data.car;
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			//获取申请单流程进度（有用）
			getTask_progress(){
				var that=this;
				var params={
					"accessTaskId":that.accessTaskId,
					"withAppendix":true, //获取附件
					"pageSize":1000,
					"pageNum":1,
				};
				utils.listProgress(params).then(res => {
					console.log('获取申请单流程进度的返回值==',res); 
					if(res.data.status=="success"){
						that.task_progress_init=res.data.rows; //保存处理前的任务轨迹
						//debugger;
						that.task_progress_handlerInfos=[]; //轨迹集合
						var tArr=res.data.rows;
						for(var i=0;i<tArr.length;i++){  //流程过滤掉如下情况
							if(tArr[i].event.indexOf("指派")!=-1 || tArr[i].event.indexOf("自动加入")!=-1 ||
							   tArr[i].event.indexOf("催促申请")!=-1 || tArr[i].event.indexOf("延时取钥匙")!=-1){
								 continue;
							}else if(tArr[i].event.indexOf("申请取消")!=-1 || tArr[i].event.indexOf("取钥匙超时")!=-1 ||
							         tArr[i].event.indexOf("部门审核超时")!=-1 || tArr[i].event.indexOf("流程中止")!=-1 ||
											 tArr[i].event.indexOf("部门车管员指定司机超时")!=-1){ 	//如上几种情况下，继续执行
							}else{ //其余的加入到处理后的流程中
								that.task_progress_handlerInfos.push(tArr[i]);
							}
							//这里补充“流程结束”节点
							if(i==tArr.length-1){ //取轨迹集合的最后一条
								var tObj={};
								tObj.createDate=tArr[i].createDate; //节点生成时间
								tObj.event="流程结束"; //节点显示控制
								if(tArr[i].event=="申请取消"){
									tObj.text="申请人撤回"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="部门审核超时"){
									tObj.text="部门30分钟内未审核，流程自动结束！"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="部门车管员指定司机超时"){ //2025-05补充
									tObj.text="部门车管30分钟内未指派司机，流程自动结束！"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="机构审核驳回"){
									tObj.text="部门审核驳回"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="车队审核驳回"){
									tObj.text="车队审核驳回"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="取钥匙超时"){
									tObj.text="取钥匙超时，流程自动结束！"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="车队收车"){
									tObj.text="流程正常结束"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								if(tArr[i].event=="事故确认"){
									tObj.text="部门已确认事故！"; //流程结束说明
									that.task_progress_handlerInfos.push(tObj);
								}
								//终止流程
								if(tArr[i].event=="流程中止"){
									tObj.text="流程终止！ 终止人："+tArr[i].taskCreatorName+"，电话："+tArr[i].taskCreatorPhone+"，终止原因："+tArr[i].remark; 
									that.task_progress_handlerInfos.push(tObj);
								}
								//故障延期归还时间段内覆盖订单
								if(tArr[i].event=="车队审核通过"){
									if(that.task_detail.status=="closed" && that.task_detail.step=="10000000,revoked"){
										tObj.text="故障延期归还时间段内覆盖订单自动终止";
										that.task_progress_handlerInfos.push(tObj);
									}
								}
							}
						}
						console.log("处理前的任务轨迹==",that.task_progress_init);
						console.log("处理后的任务轨迹==",that.task_progress_handlerInfos);
						
						that.getShowBtn();//获取当前轨迹所对应的按钮
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			
			gotoPage(flag){
				if(flag=="DEPT"){ //部门审核
					uni.navigateTo({
						url:"/page_car/review/r_dept?accessTaskId="+this.accessTaskId,
					})
				}
				if(flag=="DEPT_CarM"){ //部门车管指派司机
					uni.navigateTo({
						url:"/page_car/review/r_deptCarM?accessTaskId="+this.accessTaskId,
					})
				}
				if(flag=="CHEDUI"){ //车队审核
					uni.navigateTo({
						url:"/page_car/review/r_chedui?accessTaskId="+this.accessTaskId,
					})
				}
				if(flag=="KEY_GOT"){ //领取钥匙
					//在这里判断是否到了取钥匙的时间（2025-04补充：司机必须在预定开始时间前30分钟才能取钥匙）
					var cTime=new Date();
					var keyOvertime=new Date(this.task_detail.keyOvertime.replace(/-/g, '/'));
					if(cTime>=keyOvertime){
						//判断车辆是否为可用状态
						if(this.carInfo.status!="空闲状态"){ //上一个使用未归还钥匙
							//给出提示
							uni.showModal({
								title: '提示',
								content: "上一个使用未归还钥匙，如有问题请联系车队！",
								confirmText: '我已知晓', // 自定义确定按钮文字
								showCancel:false,
								success: function(res) {
									if(res.confirm) {}
								}
							})//uni.showModal结束
						}else{ //正常情况下跳转到开智能钥匙柜页面
							uni.navigateTo({
								url:"/page_car/review/r_key_qu?boxCode="+this.boxCode+"&accessTaskId="+this.accessTaskId,
							})
						}
					}else{
						//给出提示
						uni.showModal({
							title: '提示',
							content: "您需要在订单开始时间前30分钟才能领取钥匙！",
							confirmText: '我已知晓', // 自定义确定按钮文字
							showCancel:false,
							success: function(res) {
								if(res.confirm) {}
							}
						})//uni.showModal结束
					}
				}
				if(flag=="CAR_USING"){ //使用车辆
					if(this.carInfo.mileage=="" || this.carInfo.mileage==null){
						this.carInfo.mileage=0;
					}
					uni.navigateTo({
						url:"/page_car/review/r_useCar?accessTaskId="+this.accessTaskId+"&mileage="+this.carInfo.mileage, 
					})
				}
				if(flag=="CAR_PARKED"){ //归还车辆
					uni.navigateTo({
						url:"/page_car/review/r_return?accessTaskId="+this.accessTaskId+"&startKm="+this.startKm, 
					})
				}
				if(flag=="KEY_PUT"){ //归还钥匙
					uni.navigateTo({
						url:"/page_car/review/r_key_huan?boxCode="+this.boxCode+"&accessTaskId="+this.accessTaskId,
					})
				}
				if(flag=="CHEDUI_HUAN"){ //归还车辆车队审核
					uni.navigateTo({
						url:"/page_car/review/r_return_chedui?accessTaskId="+this.accessTaskId,
					})
				}
				if(flag=="ERROR"){ //用车部门事故确认
					uni.navigateTo({
						url:"/page_car/review/r_wenti_qr?accessTaskId="+this.accessTaskId,
					})
				}
				if(flag=="YSH"){ //用车部门事故确认
					uni.navigateTo({
						url:"/page_car/review/r_ysh?accessTaskId="+this.accessTaskId,
					})
				}
			},
			//申请人催审
			urgeEvent(){
				var that=this;
				that.form_task_progress.accessTaskId=that.accessTaskId;
				that.form_task_progress.status="able";
				console.log("申请人催审提交的参数==",that.form_task_progress);
				uni.showModal({
						title: '提示',
						content: '确定催审吗？',
						success: function(res) {
							if (res.confirm) {
								//2:执行确认后的操作
								utils.urgeEvent(that.form_task_progress).then(res => {
									console.log('申请人催审接口的返回值==',res); 
									//debugger;
									if(res.data.status=="success"){
										//getApp().globalData.query_flag=1; //催审没必要刷新上一页列表
										uni.showToast({
											title:'催审成功！',
											icon: 'success'
										});
										that.getTask_progress(); //催审需要刷新流程轨迹
									}
									if(res.data.status=="error"){
										let msg=res.data.message;
										uni.navigateTo({
											url:'/pages/error/error?errorMsg='+msg 
										}) 
									}
								}).catch(error => {
									uni.navigateTo({
										url:'/pages/error/error?errorMsg='+error
									})
								})
							} 
							else {
								//执行取消后的操作
							}
						}
					})//uni.showModal结束
			},
			//申请人延时取钥匙（2025-05补充说明：延时取钥匙功能取消，函数保留）
			getKeyDelayEvent(){
				var that=this;
				that.form_task_progress.accessTaskId=that.accessTaskId;
				that.form_task_progress.status="able";
				console.log("申请人延时取钥匙的参数==",that.form_task_progress);
				uni.showModal({
						title: '提示',
						content: '确定延时2小时取钥匙吗？',
						success: function(res) {
							if (res.confirm) {
								//2:执行确认后的操作
								utils.getKeyDelayEvent(that.form_task_progress).then(res => {
									console.log('申请人延时取钥匙接口的返回值==',res); 
									//debugger;
									if(res.data.status=="success"){
										getApp().globalData.query_flag=1; //延时取钥匙没必要刷新上一页列表
										that.showBtn_yan=""; //如果不初始化的话,这个按钮始终显示
										uni.showToast({
											title:'延时取钥匙成功！',
											icon: 'success'
										});
										that.getTask_progress(); //延时取钥匙需要刷新流程轨迹
									}
									if(res.data.status=="error"){
										let msg=res.data.message;
										uni.navigateTo({
											url:'/pages/error/error?errorMsg='+msg 
										}) 
									}
								}).catch(error => {
									uni.navigateTo({
										url:'/pages/error/error?errorMsg='+error
									})
								})
							} 
							else {
								//执行取消后的操作
							}
						}
					})//uni.showModal结束
			},
			//申请人撤回
			chehui(){
				var that=this;
				that.form_task_progress.accessTaskId=that.accessTaskId;
				that.form_task_progress.status="reject";
				console.log("申请人撤回单子提交的参数==",that.form_task_progress);
				uni.showModal({
						title: '提示',
						content: '确定撤回本次用车申请吗？',
						success: function(res) {
							if (res.confirm) {
								//2:执行确认后的操作
								utils.cancelEvent(that.form_task_progress).then(res => {
									console.log('申请人撤回单子接口的返回值==',res); 
									//debugger;
									if(res.data.status=="success"){
										getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
										that.showBtn_che=""; //如果不初始化的话,这个按钮始终显示
										that.showBtn_cui=""; //如果不初始化的话,这个按钮始终显示
										uni.showToast({
											title:'撤回成功！',
											icon: 'success'
										});
										that.getTask_progress(); //刷新流程轨迹
									}
									if(res.data.status=="error"){
										let msg=res.data.message;
										uni.navigateTo({
											url:'/pages/error/error?errorMsg='+msg 
										}) 
									}
								}).catch(error => {
									uni.navigateTo({
										url:'/pages/error/error?errorMsg='+error
									})
								})
							} 
							else {
								//执行取消后的操作
							}
						}
					})//uni.showModal结束
			},
			
			//申请人、部门车管、机关车管、车队管理员可以终止流程
			revokeEvent(){
				var that=this;
				that.form_task_progress.accessTaskId=that.accessTaskId;
				that.form_task_progress.status="reject";
				console.log("终止流程提交的参数==",that.form_task_progress);
				
				uni.showModal({
				  title: '确定终止本次用车申请吗？',
				  editable: true,  //设置为可编辑
				  placeholderText: '请输入终止的原因',  // 输入框提示文字
				  success: (res)=>{
				    if(res.confirm){
							that.form_task_progress.remark=res.content
				      console.log('输入的内容:', res.content);
				      //执行确认后的操作
				      utils.revokeEvent(that.form_task_progress).then(res => {
				      	console.log('终止流程接口的返回值==',res); 
				      	//debugger;
				      	if(res.data.status=="success"){
				      		getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
				      		that.showBtn_che=""; //如果不初始化的话,这个按钮始终显示
				      		that.showBtn_cui=""; //如果不初始化的话,这个按钮始终显示
				      		uni.showToast({
				      			title:'终止成功！',
				      			icon: 'success'
				      		});
				      		that.getTask_detail(); //刷新订单明细
				      		that.getTask_progress(); //刷新流程轨迹
				      	}
				      	if(res.data.status=="error"){
				      		let msg=res.data.message;
				      		uni.navigateTo({
				      			url:'/pages/error/error?errorMsg='+msg 
				      		}) 
				      	}
				      }).catch(error => {
				      	uni.navigateTo({
				      		url:'/pages/error/error?errorMsg='+error
				      	})
				      })
				    }
				  }
				}); //uni.showModal结束
				
				// uni.showModal({
				// 	title: '提示',
				// 	content: '确定终止本次用车申请吗？',
				// 	success: function(res) {
				// 		if (res.confirm) {
				// 			//执行确认后的操作
				// 			utils.revokeEvent(that.form_task_progress).then(res => {
				// 				console.log('终止流程接口的返回值==',res); 
				// 				//debugger;
				// 				if(res.data.status=="success"){
				// 					getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
				// 					that.showBtn_che=""; //如果不初始化的话,这个按钮始终显示
				// 					that.showBtn_cui=""; //如果不初始化的话,这个按钮始终显示
				// 					uni.showToast({
				// 						title:'终止成功！',
				// 						icon: 'success'
				// 					});
				// 					that.getTask_detail(); //刷新订单明细
				// 					that.getTask_progress(); //刷新流程轨迹
				// 				}
				// 				if(res.data.status=="error"){
				// 					let msg=res.data.message;
				// 					uni.navigateTo({
				// 						url:'/pages/error/error?errorMsg='+msg 
				// 					}) 
				// 				}
				// 			}).catch(error => {
				// 				uni.navigateTo({
				// 					url:'/pages/error/error?errorMsg='+error
				// 				})
				// 			})
				// 		} 
				// 		else {
				// 			//执行取消后的操作
				// 		}
				// 	}
				// })//uni.showModal结束
			},
			
			//预览数组集合中的图片
			imgPreview(accessEventAppendixList,index) {
				utils.imgPreview(accessEventAppendixList,index);
			},
			//车队管理员在流程结束前可以修改还车里程数据
			editEndKm(oldValue){
				var that=this;
				console.log("执行到修改弹框，参数==",oldValue);
				uni.showModal({
				  title: '请输入需要修改的还车里程',
				  editable: true,  //设置为可编辑
				  placeholderText: ""+oldValue+"",  // 输入框提示文字
				  success: (res)=>{
				    if(res.confirm){
							if(res.content.trim()==""){
								uni.showToast({
									title:'需输入一个值',
									icon: 'error'
								});
								return;
							}
							var newValue=res.content||oldValue;
							console.log("初始值==",oldValue);
							console.log("最终值==",newValue);
							//先修改task中的endKm，再修改car中的mileage
							that.editAccessTask(newValue); //在修改任务endKm方法中，成功的情况下再修改car的累计里程mileage
				    }
				  }
				}); //uni.showModal结束
			},
			editAccessTask(newValue){ //修改任务里的还车里程endKm
				var that=this;
				console.log('修改后的还车里程==',newValue);
				var obj={};
				obj.accessTaskId=this.task_detail.accessTaskId;
				obj.endKm=newValue;
				console.log("修改任务接口参数==",obj);
				utils.editAccessTask(obj).then(res => {
					console.log('修改任务endKm接口的返回值==',res); 
					//debugger;
					if(res.data.status=="success"){
						that.updateCar(newValue); //更新成功后再更新car表中的累计里程mileage
						
						getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
						
						that.getTask_detail(); //刷新订单明细
						that.getTask_progress(); //刷新流程轨迹
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			updateCar(newValue){ //修改车信息里的累计里程mileage
				console.log('修改后的累计里程==',newValue);
				var obj={};
				obj.carId=this.task_detail.carId;
				obj.mileage=newValue;
				console.log("修改车辆接口参数==",obj);
				utils.updateCar(obj).then(res => {
					console.log('修改车辆mileage接口的返回值==',res); 
					//debugger;
					if(res.data.status=="success"){
						uni.showToast({
							title:'修改成功！',
							icon: 'success'
						});
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			/******************************以上是业务方法*********************************/

			
			/*********************在此之上补充方法**********************/
		},
	}
</script>

<style lang="scss">
@import '../../common/css/page.css'; 
@import '../../common/css/r_detail.css';
</style>